<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Thắng thanh</title>
<link rel="stylesheet" type="text/css" href="css/base.css" />
<link rel="stylesheet" href="css/simpletree.css" />
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/AvantGarde_400.font.js"></script>
<script type="text/javascript" src="js/Times_New_Roman_700.font.js"></script>
<script type="text/javascript" src="js/UVN_Nhan.font.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script>
<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="js/simpletreemenu.js"></script>
<script type="text/javascript" src="js/jquery.faded.js"></script>
<script language="javascript"src="http://vnexpress.net/Service/Gold_Content.js" type="text/javascript"></script>
<script language="javascript" src="http://vnexpress.net/Service/Forex_Content.js" type="text/javascript"></script>

<!--jCarousel library-->
<script type="text/javascript" src="js/jquery.jcarousel.min.js"></script>

<script type="text/javascript">

function mycarousel_initCallback(carousel)
{
    // Disable autoscrolling if the user clicks the prev or next button.
    carousel.buttonNext.bind('click', function() {
        carousel.startAuto(0);
    });

    carousel.buttonPrev.bind('click', function() {
        carousel.startAuto(0);
    });

    // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
};

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        auto: 2,
        wrap: 'last',
        initCallback: mycarousel_initCallback
    });
});

</script>

<script type="text/javascript">
	//faded
$(function(){
		$("#faded").faded({
			speed: 500,
			crossfade: true,
			bigtarget: true,
			sequentialloading: false,
			loadingimg: "loading.gif",
			autoplay: 5000,
			autorestart: 0,
			random: false,
			autopagination:false
		});
});
</script>


<!--[if IE 6]>
<script language="javascript" src="js/DD_belatedPNG.js"></script>

<script>
      /* EXAMPLE */
      DD_belatedPNG.fix('*');
</script>

<![endif]-->
</head>

<body>

<!--outter wrapper-->
<div class="wrapper" id="outter-wrapper">

	<!--banner-->
	<div class="wrapper" id="banner">
    	
        <!--logo-->
    	<div class="logo-wrapper">
        
        	<object data="images/shine.swf" type="application/x-shockwave-flash" id="flash-shine">
                  <param value="shine/overlay.swf" name="movie">
                  <param value="high" name="quality">
                  <param value="transparent" name="wmode">
                  <param value="6.0.65.0" name="swfversion">
            </object>
        <a href="#" title="logo">Thắng Thanh Company Limited</a></div>
    	<!--/logo-->
        
        <!--top navigation-->
        <div id="top-nav-wrapper">
        	<ul class="ul-top-nav">
            	<li><a href="#" title="Trang chủ" class="current">Trang chủ</a></li>
                <li><a href="#" title="Giới thiệu">Giới thiệu</a></li>
                <li><a href="#" title="Tin tức">Tin tức</a></li>
                <li><a href="#" title="Dịch vụ">Dịch vụ</a></li>
                <li><a href="#" title="Liên hệ">Liên hệ</a></li>                
            </ul>
        </div>
        <!--/top navigation-->
        
    </div>
	<!--/banner-->
    
    
    <!--slider-->
    <div class="wrapper" id="content-slider-wrapper">
    <object data="images/water-drop.swf" type="application/x-shockwave-flash" id="water-drop">
                  <param value="shine/water-drop.swf" name="movie">
                  <param value="high" name="quality">
                  <param value="transparent" name="wmode">
                  <param value="6.0.65.0" name="swfversion">
            </object>
    	<!--col left-->
    	<div class="slider-col-left">
        	<div id="faded">
                <div class="rap"><img src="images/slide1.jpg" alt="" /><img src="images/slide2.png" alt="" /><img src="images/slide1.jpg" alt="" /><img src="images/slide2.png" alt="" /></div>
                <!--<a href="#" class="prev"><img src="prev.gif" alt="" /></a><a href="#" class="next"><img src="next.gif" alt="" /></a>-->
			</div>
<img src="slider-image-left.jpg" alt="" />
        </div>
        <!--/col left-->
        
        <!--col right-->
        <div class="slider-col-right">
        
        	<h1>Chào mừng bạn đến với Công ty TNHH Thắng Thanh</h1>
            
            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>

<p>It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>


        </div>
        <!--/col right-->
    </div>
    <!--/slider-->
    
    
    <!--hot product slider-->
    <div class="carousel-slider wrapper" id="hot-product-wrapper">
        <ul id="mycarousel" class="jcarousel-skin-tango">

            <li>
            	<!--block-->
                <div class="hot-product-block">
                	<div class="ribbon">Hot Product</div>
                    <a href="#" title="" class="hot-product-link">
                    	<img src="images/thangthanh_05.jpg">
                        <h6>Đồng hồ từ</h6>
                        <span class="price">200.000 VND</span>
                        <span class="more-link">chi tiết</span>
                    </a>
                </div>
                <!--/block-->
            </li>
            
            <li>
            	<!--block-->
                <div class="hot-product-block">
                	<div class="ribbon">Hot Product</div>
                    <a href="#" title="" class="hot-product-link">
                    	<img src="images/thangthanh_07.jpg">
                        <h6>Đồng hồ từ</h6>
                        <span class="price">200.000 VND</span>
                        <span class="more-link">chi tiết</span>
                    </a>
                </div>
                <!--/block-->
            </li>
            
            <li>
            	<!--block-->
                <div class="hot-product-block">
                	<div class="ribbon">Hot Product</div>
                    <a href="#" title="" class="hot-product-link">
                    	<img src="images/thangthanh_09.jpg">
                        <h6>Đồng hồ từ</h6>
                        <span class="price">200.000 VND</span>
                        <span class="more-link">chi tiết</span>
                    </a>
                </div>
                <!--/block-->
            </li>
            
            <li>
            	<!--block-->
                <div class="hot-product-block">
                	<div class="ribbon">Hot Product</div>
                    <a href="#" title="" class="hot-product-link">
                    	<img src="images/thangthanh_11.jpg">
                        <h6>Đồng hồ từ</h6>
                        <span class="price">200.000 VND</span>
                        <span class="more-link">chi tiết</span>
                    </a>
                </div>
                <!--/block-->
            </li>
            
            <li>
            	<!--block-->
                <div class="hot-product-block">
                	<div class="ribbon">Hot Product</div>
                    <a href="#" title="" class="hot-product-link">
                    	<img src="images/thangthanh_13.jpg">
                        <h6>Đồng hồ từ</h6>
                        <span class="price">200.000 VND</span>
                        <span class="more-link">chi tiết</span>
                    </a>
                </div>
                <!--/block-->
            </li>
            
            <li>
            	<!--block-->
                <div class="hot-product-block">
                	<div class="ribbon">Hot Product</div>
                    <a href="#" title="" class="hot-product-link">
                    	<img src="images/thangthanh_05.jpg">
                        <h6>Đồng hồ từ</h6>
                        <span class="price">200.000 VND</span>
                        <span class="more-link">chi tiết</span>
                    </a>
                </div>
                <!--/block-->
            </li>
            
            <li>
            	<!--block-->
                <div class="hot-product-block">
                	<div class="ribbon">Hot Product</div>
                    <a href="#" title="" class="hot-product-link">
                    	<img src="images/thangthanh_07.jpg">
                        <h6>Đồng hồ từ</h6>
                        <span class="price">200.000 VND</span>
                        <span class="more-link">chi tiết</span>
                    </a>
                </div>
                <!--/block-->
            </li>
            
            <li>
            	<!--block-->
                <div class="hot-product-block">
                	<div class="ribbon">Hot Product</div>
                    <a href="#" title="" class="hot-product-link">
                    	<img src="images/thangthanh_09.jpg">
                        <h6>Đồng hồ từ</h6>
                        <span class="price">200.000 VND</span>
                        <span class="more-link">chi tiết</span>
                    </a>
                </div>
                <!--/block-->
            </li>
            
            <li>
            	<!--block-->
                <div class="hot-product-block">
                	<div class="ribbon">Hot Product</div>
                    <a href="#" title="" class="hot-product-link">
                    	<img src="images/thangthanh_11.jpg">
                        <h6>Đồng hồ từ</h6>
                        <span class="price">200.000 VND</span>
                        <span class="more-link">chi tiết</span>
                    </a>
                </div>
                <!--/block-->
            </li>
            
            <li>
            	<!--block-->
                <div class="hot-product-block">
                	<div class="ribbon">Hot Product</div>
                    <a href="#" title="" class="hot-product-link">
                    	<img src="images/thangthanh_13.jpg">
                        <h6>Đồng hồ từ</h6>
                        <span class="price">200.000 VND</span>
                        <span class="more-link">chi tiết</span>
                    </a>
                </div>
                <!--/block-->
            </li>
            
            <li>
            	<!--block-->
                <div class="hot-product-block">
                	<div class="ribbon">Hot Product</div>
                    <a href="#" title="" class="hot-product-link">
                    	<img src="images/thangthanh_05.jpg">
                        <h6>Đồng hồ từ</h6>
                        <span class="price">200.000 VND</span>
                        <span class="more-link">chi tiết</span>
                    </a>
                </div>
                <!--/block-->
            </li>
            
            <li>
            	<!--block-->
                <div class="hot-product-block">
                	<div class="ribbon">Hot Product</div>
                    <a href="#" title="" class="hot-product-link">
                    	<img src="images/thangthanh_07.jpg">
                        <h6>Đồng hồ từ</h6>
                        <span class="price">200.000 VND</span>
                        <span class="more-link">chi tiết</span>
                    </a>
                </div>
                <!--/block-->
            </li>
            
            <li>
            	<!--block-->
                <div class="hot-product-block">
                	<div class="ribbon">Hot Product</div>
                    <a href="#" title="" class="hot-product-link">
                    	<img src="images/thangthanh_09.jpg">
                        <h6>Đồng hồ từ</h6>
                        <span class="price">200.000 VND</span>
                        <span class="more-link">chi tiết</span>
                    </a>
                </div>
                <!--/block-->
            </li>
            
            <li>
            	<!--block-->
                <div class="hot-product-block">
                	<div class="ribbon">Hot Product</div>
                    <a href="#" title="" class="hot-product-link">
                    	<img src="images/thangthanh_11.jpg">
                        <h6>Đồng hồ từ</h6>
                        <span class="price">200.000 VND</span>
                        <span class="more-link">chi tiết</span>
                    </a>
                </div>
                <!--/block-->
            </li>
            
            <li>
            	<!--block-->
                <div class="hot-product-block">
                	<div class="ribbon">Hot Product</div>
                    <a href="#" title="" class="hot-product-link">
                    	<img src="images/thangthanh_13.jpg">
                        <h6>Đồng hồ từ</h6>
                        <span class="price">200.000 VND</span>
                        <span class="more-link">chi tiết</span>
                    </a>
                </div>
                <!--/block-->
            </li>
            
            <li>
            	<!--block-->
                <div class="hot-product-block">
                	<div class="ribbon">Hot Product</div>
                    <a href="#" title="" class="hot-product-link">
                    	<img src="images/thangthanh_05.jpg">
                        <h6>Đồng hồ từ</h6>
                        <span class="price">200.000 VND</span>
                        <span class="more-link">chi tiết</span>
                    </a>
                </div>
                <!--/block-->
            </li>
            
            <li>
            	<!--block-->
                <div class="hot-product-block">
                	<div class="ribbon">Hot Product</div>
                    <a href="#" title="" class="hot-product-link">
                    	<img src="images/thangthanh_07.jpg">
                        <h6>Đồng hồ từ</h6>
                        <span class="price">200.000 VND</span>
                        <span class="more-link">chi tiết</span>
                    </a>
                </div>
                <!--/block-->
            </li>
            
            <li>
            	<!--block-->
                <div class="hot-product-block">
                	<div class="ribbon">Hot Product</div>
                    <a href="#" title="" class="hot-product-link">
                    	<img src="images/thangthanh_09.jpg">
                        <h6>Đồng hồ từ</h6>
                        <span class="price">200.000 VND</span>
                        <span class="more-link">chi tiết</span>
                    </a>
                </div>
                <!--/block-->
            </li>
            
            <li>
            	<!--block-->
                <div class="hot-product-block">
                	<div class="ribbon">Hot Product</div>
                    <a href="#" title="" class="hot-product-link">
                    	<img src="images/thangthanh_11.jpg">
                        <h6>Đồng hồ từ</h6>
                        <span class="price">200.000 VND</span>
                        <span class="more-link">chi tiết</span>
                    </a>
                </div>
                <!--/block-->
            </li>
            
            <li>
            	<!--block-->
                <div class="hot-product-block">
                	<div class="ribbon">Hot Product</div>
                    <a href="#" title="" class="hot-product-link">
                    	<img src="images/thangthanh_13.jpg">
                        <h6>Đồng hồ từ</h6>
                        <span class="price">200.000 VND</span>
                        <span class="more-link">chi tiết</span>
                    </a>
                </div>
                <!--/block-->
            </li>
        </ul>
	</div>
    <!--/hot product slider-->
    
    
    <!--main content-->
    <div class="wrapper main-content-goes-here">
    	<!--content left-->
    	<div id="content-left-wrapper">
        	<!--search-->
        	<div class="wrapper" id="search-box">
            	<form>
            	<input type="text" value="Tìm kiếm..." id="search-field"><input type="submit" id="search-btn" value="">
                </form>
            </div>
            <!--/search-->
            
            <!--left box-->
            <div class="wrapper left-box-wrapper">
            	<div class="left-box-title"><h2>Danh mục</h2></div>
                <div class="left-box-content">
                	<!--categories-->
                	<ul class="ul-bullet-blue treeview" id="ul-left-cat">
                    	<li><a href="#" onclick="return false;">Ống thép</a>
                        	<ul class="left_sub_menu" rel="" >
                            	<li><a href="#">sub1</a></li>
                                <li><a href="#">sub1</a></li>
                                <li><a href="#">sub1</a></li>
                                <li><a href="#">sub1</a></li>
                                <li><a href="#">sub1</a></li>
                                <li><a href="#">sub1</a></li>
                                <li><a href="#">sub1</a></li>
                                <li><a href="#">sub1</a></li>
                                <li><a href="#">sub1</a></li>
                                <li><a href="#">sub1</a></li>
                            
                            </ul>
                        </li>
                        <li><a href="#" onclick="return false;">Ống nhựa</a></li>
                        <li><a href="#" onclick="return false;">Vật tư ngành nước</a></li>
                        <li><a href="#" onclick="return false;">Thiết bị vệ sinh</a></li>
                        <li><a href="#" onclick="return false;">Tấm lợp mạ màu</a></li>
                    </ul>
                                         <script type="text/javascript">

    //ddtreemenu.createTree(treeid, enablepersist, opt_persist_in_days (default is 1))
    ddtreemenu.createTree("ul-left-cat",false)
    
    </script>
                <!--/categories-->
                
                </div>
                <div class="left-box-shadow"></div>
            </div>
            <!--/left box-->
            
            
            <!--left box-->
            <div class="wrapper left-box-wrapper">
            	<div class="left-box-title"><h2>Thị trường</h2></div>
                <div class="left-box-content">
                	<div class="currency-wrapper">
                    	<div class="wrapper">
                	<img src="images/icon_gold.png"> <font class="blue_10px">Giá vàng</font><br>
							<table class="collapse margin_top_5px" border="1" bordercolor="#cccccc" bgcolor="#FFFFFF" cellpadding="2" cellspacing="2" width="100%">

								<tbody><tr>
									<td align="center">
										Loại vàng									</td>

									<td align="center">
										Mua
								  </td>
									<td align="center">
										Bán
									</td>

								</tr>
								<tr>
									<td align="center">

										SBJ
									</td>
									<td align="center">
										<script type="text/javascript"> document.write(vGoldSbjBuy);</script>37,050
									</td>
									<td align="center">

										<script type="text/javascript"> document.write(vGoldSbjSell);</script>37,150
									</td>
								</tr>

								<tr>
									<td align="center">
										SJC
									</td>
									<td align="center">
										<script type="text/javascript"> document.write(vGoldSjcBuy);</script>37,040

									</td>
									<td align="center">
										<script type="text/javascript"> document.write(vGoldSjcSell);</script>37,180
									</td>

								</tr>
				      </tbody></table>
						</div>
						
		  <div class="wrapper">

							<img src="images/icon_money.png"> <font class="blue_10px">Tỉ giá ngoại tệ</font><br>
				    <table width="100%" border="1" cellpadding="2" cellspacing="2" bordercolor="#cccccc" bgcolor="#FFFFFF" class="collapse margin_top_5px">
							  <tbody><tr>

								  <td align="center" width="44%">
									  USD
								  </td>
								  <td align="center" width="56%">
									  <script type="text/javascript"> document.write(vCosts[0]);</script>20.890

								  </td>
							  </tr>
							  <tr>
								  <td align="center">

									  EUR
								  </td>
								  <td align="center">
									  <script type="text/javascript"> document.write(vCosts[10]);</script>802
								  </td>

							  </tr>
							  <tr>
									<td align="center">
										GBP
									</td>

									<td align="center">
										<script type="text/javascript"> document.write(vCosts[1]);</script>34.575
									</td>
								</tr>
								<!--<tr>
									<td>
										HKD
									</td>
									<td>
										<SCRIPT 
                        type=text/javascript> document.write(vCosts[2]);</SCRIPT>
										
									</td>
								</tr>
								
							  <tr>
								  <td align="center">
									  JPY
								  </td>
								  <td align="center">
									  <SCRIPT 
                        type=text/javascript> document.write(vCosts[6]);</SCRIPT>
										
										
								  </td>

							  </tr>-->
								
				  </tbody></table></div>
                    </div>

                </div>
                <div class="left-box-shadow"></div>
            </div>
            <!--/left box-->
            
            <!--left box-->
            <div class="wrapper left-box-wrapper">
            	<div class="left-box-title"><h2>Thống kê</h2></div>
                <div class="left-box-content">
                	<ul id="ul-counter">
                    	<li><a href="#"><img src="images/icon-counter1.png" />Số người online : <font class="b-blue">505</font></a></li>
                        <li><a href="#"><img src="images/icon-counter3.png" />Lượt truy cập thứ: <font class="b-blue">22220020</font></a></li>
                     </ul>
                
                </div>
                <div class="left-box-shadow"></div>
            </div>
            <!--/left box-->
        </div>
        <!--/content left-->
        
        <!--content right-->
        <div id="content-right-wrapper">
        	
            
            <!--right box--><!--product-->
            <div class="wrapper right-box-wrapper">
            	<div class="right-box-title"><a href="#" title="Tin tức" class="right-box-caption"><h2>Chi tiết sản phẩm</h2></a></div>
                <div class="right-box-content">
                	
                    <!--post-->
                    <div class="detail-product-wrapper">
                    
                    	<div class="wrapper product-techs">
                            <img src="images/thangthanh_08.png" width="300" title="" alt="" class="float-left large-img-product">
                           
                            <ul class="ul-techs">
                                <li> <h3>Phụ tùng ống nước </h3></li>
                                <li><strong>Giá :</strong><font>15.000</font></li>
                                <li><strong>Xuất xứ:</strong> Châu phi</li>
                                <li><strong>Màu sắc:</strong>Xanh</li>
                                <li><strong>Hãn sản xuất:</strong>Thắng thanh</li>
                            </ul>
                        </div>
                        <div class="wrapper">
                        	<h3>Mô tả</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p><p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                        </div>
                    
                    </div>
                    	
                    <!--/post-->
                        
                    
                </div>
                <div class="right-box-shadow"></div>
            </div>
            <!--/right box-->
            
            
            
        	<!--right box--><!--list product-->
            <div class="wrapper right-box-wrapper">
            	<div class="right-box-title"><a href="#" title="Sản phẩm" class="right-box-caption"><h2>Sản phẩm cung loại</h2></a><a href="#" class="show-all-product" title="">Xem toàn bộ sản phẩm</a></div>
                <div class="right-box-content">
                	
                    <div class="list-products-wrapper">
                    	
                        <!--block-->
                        <a href="#" title="">
                        	<img src="images/thangthanh_06.png" alt="" title="">
                            <h5>Man đồng dài, ngắn</h5>
                            <strong>Giá: <font>20.000 VND</font></strong>
                        </a>
                        <!--/block-->
                        
                        <!--block-->
                        <a href="#" title="">
                        	<img src="images/thangthanh_08.png" alt="" title="">
                            <h5>Man đồng dài, ngắn</h5>
                            <strong>Giá: <font>20.000 VND</font></strong>
                        </a>
                        <!--/block-->
                        
                        <!--block-->
                        <a href="#" title="">
                        	<img src="images/thangthanh_10.png" alt="" title="">
                            <h5>Man đồng dài, ngắn</h5>
                            <strong>Giá: <font>20.000 VND</font></strong>
                        </a>
                        <!--/block-->
                        
                        <!--block-->
                        <a href="#" title="">
                        	<img src="images/thangthanh_20.png" alt="" title="">
                            <h5>Man đồng dài, ngắn</h5>
                            <strong>Giá: <font>20.000 VND</font></strong>
                        </a>
                        <!--/block-->
                        
                        <!--block-->
                        <a href="#" title="">
                        	<img src="images/thangthanh_35.jpg" alt="" title="">
                            <h5>Man đồng dài, ngắn</h5>
                            <strong>Giá: <font>20.000 VND</font></strong>
                        </a>
                        <!--/block-->
                        
                        <!--block-->
                        <a href="#" title="">
                        	<img src="images/thangthanh_37.jpg" alt="" title="">
                            <h5>Man đồng dài, ngắn</h5>
                            <strong>Giá: <font>20.000 VND</font></strong>
                        </a>
                        <!--/block-->
                        
                        
                    </div>
                    
                </div>
                <div class="right-box-shadow"></div>
            </div>
            <!--/right box-->
            
            
            
        
        </div>
        <!--/content right-->
    </div>
    <!--/main content-->

</div>
<!--/outter wrapper-->

<!--footer-->
<div class="wrapper" id="footer">
	<h3>Công ty TNHH THẮNG THANH</h3>
    Trụ sở chính: 365 Hai Bà Trưng - Lê Chân - Hải Phòng.<br>
<strong>Tel</strong>: 0313 950 744 - <strong>Fax</strong>: 0313 738 749 - Hỗ trợ trực tuyến: <a href="#"><img src="http://opi.yahoo.com/online?u=rattien&m=g&t=1"></a>
</div>
<!--/footer-->

<script type="text/javascript"> Cufon.now(); </script>

</body>
</html>
